<template>
  <div>
    <VueDragResize
      :isActiyve="true"
      :w="250"
      :h="400"
      v-on:resizing="resize"
      v-on:dragging="resize"
      :isResizable="false"
      :parentLimitation="true"
      :parentW="w"
      :parentH="h"
      :x="200"
      :y="100"
      style="background: #FFFFFF;z-index: 100;"
    >
      <el-row>
        <h3>智能分析</h3>
        <span>智能分析</span>
        <el-tabs v-model="AITab" style="background: #FFFFFF;z-index: 100;">
          <el-tab-pane label="胃镜" name="first">暂无数据</el-tab-pane>
          <el-tab-pane label="电子病历" name="second">暂无数据</el-tab-pane>
          <el-tab-pane label="检查" name="third">暂无数据</el-tab-pane>
        </el-tabs>
      </el-row>
    </VueDragResize>
  </div>
</template>

<script>
import VueDragResize from 'vue-drag-resize'

export default {
  name: 'Analysis',

  components: {
    VueDragResize
  },

  data() {
    return {
      totalCount: 0,
      pageCurrent: 1,
      pageSize: 10,
      AITab: 'first',
      width: 0,
      height: 0,
      top: 0,
      w: document.documentElement.clientWidth,
      h: document.documentElement.clientHeight - 50,
      left: 0
    }
  },
  computed: {},
  mounted() {},
  methods: {
    resize(newRect) {
      this.width = newRect.width
      this.height = newRect.height
      this.top = newRect.top
      this.left = newRect.left
    }
  }
}
</script>
